<template>
	<view>
		<view class="topView">
			<view class="title">
				Hi，您好！
			</view>
			<view class="title1">
				您是否遇到了一下问题？
			</view>
			<view class="contentView">
				<view class="flex-row-flex-end">
					<image class="problemImage" src="/static/problem/1.png" mode="scaleToFill"></image>
				</view>
				<view class="title2">
					常见问题
				</view>
				<view v-for="(item,index) in 6" :key="index">
					<view @click="itemClick(item)" class="item flex-row-space-between">
					<view class="itemTitle">
						押金支付/退还
					</view>
						<u-icon name="arrow-right" size="16" color="#666666"></u-icon>
					</view>
				</view>
			</view>
			
			<view @click="buttonClick()" class="button flex-row-center">
				联系客服（400-123-123）
			</view>
			
		</view>
	</view>
</template>

<script>
	
	export default {
		components: {},
		computed: {

		},
		data() {
			return {
				

			}
		},
		onShow() {

		},
		onLoad(e) {

		},
		//下拉刷新
		onPullDownRefresh() {


		},
		//加载更多
		onReachBottom() {

		},

		methods: {
			
			itemClick(){
			uni.navigateTo({
				url:'/pages/user/richText'
			})	
			},
			buttonClick(){
				uni.makePhoneCall({
					phoneNumber:'400-123-123'
				})
			},
			showToast(title) {
				uni.showToast({
					title: title,
					icon: 'none'
				})
			},
			toUrl(url) {
				uni.navigateTo({
					url: url
				})
			},
		}
	}
</script>

<style lang="scss">
.topView{
	height: 502rpx;
	background: linear-gradient(180deg, #FF4D40 0%, rgba(101,190,255,0) 100%);
	border-radius: 0rpx 0rpx 0rpx 0rpx;
	opacity: 1;
}
.title{
	padding-top: 214rpx;
	margin-left: 46rpx;
	font-size: 42rpx;
	font-family: PingFang SC-Medium, PingFang SC;
	font-weight: 500;
	color: #0E9AFF;
}
.title1{
	margin-left: 46rpx;
	font-size: 31rpx;
	font-family: PingFang SC-Regular, PingFang SC;
	font-weight: 400;
	color: #56B8FF;
}
.contentView{
	padding-bottom: 20rpx;
	margin: 30rpx;
	margin-top: 60rpx;
	background: #FFFFFF;
	border-radius: 15rpx 15rpx 15rpx 15rpx;
	opacity: 1;
}
.problemImage{
	margin-top: -200rpx;
	width: 310rpx;
	height: 246rpx;
}
.title2{
	// margin-top: 10rpx;
	margin-left: 30rpx;
	font-size: 31rpx;
	font-family: PingFang SC-Medium, PingFang SC;
	font-weight: 550;
	color: #333333;
}
.item{
	width: 100%;
	padding: 0 30rpx;
	height: 80rpx;
}
.button{
	font-size: 27rpx;
	font-family: PingFang SC-Medium, PingFang SC;
	font-weight: 500;
	color: #FFFFFF;
	margin: 26rpx 20rpx;
	height: 86rpx;
	background: #FF4D40;
	border-radius: 69rpx 69rpx 69rpx 69rpx;
	opacity: 1;
}
</style>